<el-dialog title="员工信息" v-model="detailFormDialog">


<el-form ref="detailForm"  :model="detailForm" :label-width="dialogLabelWidth">
    

    <el-tabs  type="card" v-model='first'>
      <el-tab-pane label="账号" name="first">
        <el-row>
          <el-col :span="12">
            <el-form-item label="登录账号：" prop="account">
              <span>
                {{ showDetailList.account }}
              </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="员工姓名：" prop="realname">
              <span>
              {{ showDetailList.realname }}
            </span>
            </el-form-item>
          </el-col>
        </el-row>
           <el-row>
            <el-col :span="12">
              <el-form-item label="所属部门：">
                 <span>
                   <template >
                     {{ getType(showDetailList.department_id, 'allDepartmentsList') }}
                   </template>
                 </span>
              </el-form-item>
            </el-col>
              <el-col :span="12">
              <el-form-item label="员工职能：">
                 <span>
                   <template >
                     {{ getType(showDetailList.role_id, 'allRolesList') }}
                   </template>
                 </span>
              </el-form-item>
            </el-col>
        </el-row>
          <el-row>
          <el-col :span="12">
            <el-form-item label="头像：">
              <img  :src="'http://gacrm.riign.cn' + showDetailList.head" alt="" style="max-width: 200px; max-height:200px;">
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="性别：">
                <span>
                  <template >
                    {{ getType(showDetailList.sex, 'sexType') }}
                  </template>
                </span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="手机：" prop="mphone" v-show="showDetailList.mphone && showDetailList.mphone.length!=0">
               <span>
                   {{ showDetailList.mphone }}
              </span>
            </el-form-item>
          </el-col>
             <el-col :span="12">
              <el-form-item label="固话：">
                 <span>
                   {{ showDetailList.phone }}
              </span>
              </el-form-item>
          </el-col>
        </el-row>
           <el-row>
          <el-col :span="12">
            <el-form-item label="QQ号：" prop="qq">
               <span>
                   {{ showDetailList.qq }}
              </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="QQ昵称：">
               <span>
                   {{ showDetailList.qq_nickname }}
              </span>
            </el-form-item>
          </el-col>
        </el-row>
         <el-row>
          <el-col :span="12">
            <el-form-item label="微信号：">
               <span>
                   {{ showDetailList.weixin }}
              </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="微信昵称：">
               <span>
                   {{ showDetailList.weixin_nikname }}
              </span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="省份：">
              <!--    <el-select ref="editselect" v-model="editForm.area_province" @change="provinceChange" placeholder="请选择" >
              <el-option v-for="province in provinces" :label="province.name"  :value="province.id" v-if="area_province == province.id" selected>{{province.name}}</el-option>
                            </el-select>
              
              <span v-for="province in provinces"   :value="province.id"  v-if="area_province == province.id" selected>{{province.name}}</span> -->
              <span>
                  <template >
                    {{ getType(showDetailList.area_province, 'allAreaList') }}
                  </template>
              </span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="城市：">
              <!--  <el-select v-model="editForm.area_city" @change="cityChange"   placeholder="请选择">
               <el-option v-for="city in cities" :label="city.name"  :value="city.id" v-if="area_city == city.id" selected></el-option>
                            </el-select>
                            <span v-for="city in cities"   :value="city.id"  v-if="area_city == city.id" selected>{{city.name}}</span> -->
               <span>
           <template >
             {{ getType(showDetailList.area_city, 'allAreaList') }}
           </template>
       </span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="区县：">
            <!--   <el-select v-model="editForm.area_district" placeholder="请选择">
              <el-option v-for="dis in districts" :label="dis.name"  :value="dis.id" v-if="area_district == dis.id" selected></el-option>
            </el-select>
             <span v-for="dis in districts"   :value="dis.id"  v-if="area_district == dis.id" selected>{{dis.name}}</span> -->
           <span>
               <template >
                 {{ getType(showDetailList.area_district, 'allAreaList') }}
               </template>
           </span>
            </el-form-item>
          </el-col>
              <el-col :span="12">
            <el-form-item label="身份证号：">
               <span>
                   {{ showDetailList.id_card }}
              </span>
            </el-form-item>
          </el-col>
        </el-row>
          <el-form-item label="住址：">
           <span>
              {{ showDetailList.address }}
            </span>
        </el-form-item>
     </el-tab-pane>

         <el-tab-pane label="身份证照" name="second">
        <el-row>
          <el-col :span="24">
             <el-form-item label="手持身份证照：">
                <span>
                   <img  :src="'__ROOT__' + showDetailList.card_img" alt="" style="max-width: 400px; max-height:234px;">
              </span>
              </el-form-item>
          </el-col>
        </el-row>
          <el-row>
          <el-col :span="24">
             <el-form-item label="身份证正面照：">
              <img  :src="'__ROOT__' + showDetailList.card_front" alt="" style="max-width: 400px; max-height:234px;">
              </el-form-item>
          </el-col>
        </el-row>
         <el-row>
          <el-col :span="24">
             <el-form-item label="身份证反面照：">
              <img  :src="'__ROOT__' + showDetailList.card_back" alt="" style="max-width: 400px; max-height:234px;">
              </el-form-item>
          </el-col>
        </el-row>
     </el-tab-pane>


    </el-tabs>


  
    
  </el-form>

  <div slot="footer" class="dialog-footer">
    <el-button type="primary" @click="closeDialog('detail')">确 定</el-button>
  </div>
</el-dialog>
<script type="text/javascript">
</script>

